<?php require ('news-header.php'); ?>
<div class="clearfix">
    <div id="sidebar">
        <div id="news-sort">
            სორტირება: <a class="order-date" href="#">თარიღით <span class="sort sort-up"></span></a> <a class="order-views active" href="#">ნახვებით <span class="sort sort-down"></span></a>
        </div><!-- #news-sort -->
        <div id="sidebar-news">
            <?php for( $i = 0; $i < 10; $i++ ): ?>
            <div class="sidebar-news-item clearfix">
                <div class="sidebar-news-thumb">
                    <a href="#">
                        <img src="media/images/sidebar-news-thumb.png" alt="" />
                    </a>
                </div><!-- .sidebar-news-thumb -->
                <div class="sidebar-news-content">
                    <h2><a href="#">სიახლის სათაური</a></h2>
                    <span class="sidebar-news-date">თარიღი: 12 იანვარი 2012</span>
                    <p>
                        სიახლის მოკლე აღწერა
                    </p>
                </div><!-- .sidebar-news-content -->
            </div><!-- .sidebar-news-item -->
            <?php endfor; ?>
        </div><!-- #sidebar-news -->
        <div id="sidebar-news-pagination" class="clearfix">
            <div id="prev-page"><a href="#" id="prev-page-btn">წინა</a></div>
            <div id="next-page"><a href="#" id="next-page-btn">შემდეგი</a></div>    
        </div><!-- #sidebar-news-pagination -->
    </div><!-- #sidebar -->
    <div id="news-left">
        <div id="single-news">
            <div class="inner">
                <?php require_once ('media.php'); ?>
                <div class="clearfix">
                    <div id="single-news-date" class="clearfix">
                        თარიღი: 12 იანვარი 2012 <br />
                        <span>ნახვები: 256444</span>
                    </div><!-- #single-news-date -->
                    <div id="single-news-title">
                        <h2>HTC Sensation</h2>
                        <div id="single-news-category">
                            <?php echo ( $l == 'en' ) ? 'Category' : 'კატეგორია'; ?>: <a href="#" title="კატეგორიის სახელი">კატეგორიის სახელი</a>
                        </div><!-- #single-news-category -->
                    </div><!-- #single-news-title -->
                </div><!-- .clearfix -->

                <div id="single-news-content">
                    <p>
                        ცნობილი ფაქტია, რომ გვერდის წაკითხვად შიგთავსს შეუძლია მკითხველის ყურადღება მიიზიდოს და დიზაინის აღქმაში ხელი შეუშალოს. Lorem Ipsum-ის გამოყენებით ვღებულობთ იმაზე მეტ-ნაკლებად სწორი გადანაწილების ტექსტს, ვიდრე ერთიდაიგივე გამეორებადი სიტყვებია ხოლმე. შედეგად, ტექსტი ჩვეულებრივ ინგლისურს გავს, მისი წაითხვა კი შეუძლებელია. დღეს უამრავი პერსონალური საგამომცემლო პროგრამა და ვებგვერდი იყენებს Lorem Ipsum-ს, როგორც დროებით ტექსტს წყობის შესავსებად.
                    </p>
                    <p>
                        ცნობილი ფაქტია, რომ გვერდის წაკითხვად შიგთავსს შეუძლია მკითხველის ყურადღება მიიზიდოს და დიზაინის აღქმაში ხელი შეუშალოს. Lorem Ipsum-ის გამოყენებით ვღებულობთ იმაზე მეტ-ნაკლებად სწორი გადანაწილების ტექსტს, ვიდრე ერთიდაიგივე გამეორებადი სიტყვებია ხოლმე. შედეგად, ტექსტი ჩვეულებრივ ინგლისურს გავს, მისი წაითხვა კი შეუძლებელია. დღეს უამრავი პერსონალური საგამომცემლო პროგრამა და ვებგვერდი იყენებს Lorem Ipsum-ს, როგორც დროებით ტექსტს წყობის შესავსებად; Lorem Ipsum-ის მოძებნისას კი საძიებო სისტემები ბევრ დაუსრულებელ გვერდს გვიჩვენებენ. წლების მანძილზე ამ ტექსტის უამრავი ვერსია გამოჩნდა, ზოგი შემთხვევით დაშვებული შეცდომის გამო, ზოგი კი — განზრახ, ხუმრობით.
                    </p>
                </div><!-- #single-news-content -->

                <div class="clearfix">
                    <div id="link-to-news">
                        <a href="#" target="_blank" title="<?php echo ( $l == 'en' ) ? 'Link to News' : 'სიახლეების გვერდზე გადასვლა'; ?>"><?php echo ( $l == 'en' ) ? 'Link to News' : 'სიახლეების გვერდზე გადასვლა';
                        ?></a>
                    </div><!-- #link-to-news -->
                    <div class="like-button">
                        <?php
                        require_once ('like-button.php');
                        ?>
                    </div><!-- .like-button -->
                </div><!-- .clearfix -->
            </div><!-- .inner -->
        </div><!-- #single-news -->
        <div id="comments-wrapper" class="clearfix">
            <a href="#" id="comments-btn" class="opened" title="<?php echo ( $l == 'en' ) ? 'Expand/Collapse Comments Block' : 'კომენტარების ფანჯრის გახსნა/დახურვა'; ?>"><?php echo ( $l == 'en' ) ? 'Expand/Collapse Comments Block' : 'კომენტარების ფანჯრის გახსნა/დახურვა';
            ?></a>
            <h2>კომენტარები</h2>
            <div id="comments" style="display:block">
                <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="510"></div>
            </div><!-- #comments -->
        </div><!-- #comments-wrapper -->
    </div><!-- #news-left -->
</div><!-- .clearfix -->
